<!DOCTYPE html>
<html lang="en" style="font-size: 0.133333vw;">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小黑电影-电影</title>
    <link rel="stylesheet" href="./CSS/ALL.css">
    <link rel="stylesheet" href="./CSS/movie.css">
</head>

<body>
    <!-- 容器 -->
    <div class="container">
        <!-- 头部开始 -->
        <header>
            <div class="address">
                <select name="address">
                    <option value="上海">上海</option>
                    <option value="北京">北京</option>
                    <option value="深圳">深圳</option>
                    <option value="天津">天津</option>
                    <option value="江苏">江苏</option>
                </select>
            </div>

            <div class="movie-select">
                <a href="#">正在热映</a>
                <a href="#">即将上映</a>
            </div>

            <div class="search">
                <a href="#"><img src="./IMG/images/icon/search_icon.png" alt="图片丢失"></a>
            </div>
        </header>

        <!-- 头部结束 -->


        <!-- box-office开始 -->
        <div class="box-office">
            <div class="left">
                <span>实时票房</span>
                <span>2019-03-27</span>
            </div>

            <div class="right">
                <span>今日大盘</span>
                <a href="#"><span>2918万</span></a>
            </div>
        </div>
        <!-- box-office结束 -->


        <!-- movie开始 -->
        <div class="movie">
            <div class="movie-content">
                <div class="movie-img">
                    <img src="./IMG/images/source/movie_1.jpg">
                </div>
                <div class="movie-info">
                    <p class="title">八佰</p>
                    <p>导演：管虎</p>
                    <p>主演：黄志忠 欧豪 王千源</p>
                    <p class="label">
                        <span>2D</span>
                        <span>国语</span>
                        <span>中国巨幕</span>
                    </p>
                    <div class="star">
                        <div>
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <span>10分</span>
                            <p>上映时间:2020-08-01</p>
                        </div>
                        <div class="order"><a href="#">购票</a></div>
                    </div>
                </div>
            </div>


            <div class="movie-content">
                <div class="movie-img">
                    <img src="./IMG/images/source/movie_2.jpg">
                </div>
                <div class="movie-info">
                    <p class="title">我在时间的尽头等你</p>
                    <p>导演：姚婷婷</p>
                    <p>主演：李鸿其 李一桐 范伟</p>
                    <p class="label">
                        <span>2D</span>
                        <span>国语</span>
                        <span>中国巨幕</span>
                    </p>
                    <div class="star">
                        <div>
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <span>10分</span>
                            <p>上映时间:2020-08-01</p>
                        </div>
                        <div class="order"><a href="#">购票</a></div>
                    </div>
                </div>
            </div>



            <div class="movie-content">
                <div class="movie-img">
                    <img src="./IMG/images/source/movie_3.jpg">
                </div>
                <div class="movie-info">
                    <p class="title">荞麦疯长</p>
                    <p>导演：徐展雄</p>
                    <p>主演：前小库 大飞 张思思</p>
                    <p class="label">
                        <span>2D</span>
                        <span>国语</span>
                        <span>中国巨幕</span>
                    </p>
                    <div class="star">
                        <div>
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <span>10分</span>
                            <p>上映时间:2020-08-01</p>
                        </div>
                        <div class="order"><a href="#">购票</a></div>
                    </div>
                </div>
            </div>



            <div class="movie-content">
                <div class="movie-img">
                    <img src="./IMG/images/source/movie_4.jpg">
                </div>
                <div class="movie-info">
                    <p class="title">哈利波特与魔法石</p>
                    <p>导演：克里斯·哥伦布</p>
                    <p>主演：丹尼尔·雷德克里夫鲁伯特·格林特</p>
                    <p class="label">
                        <span>2D</span>
                        <span>国语</span>
                        <span>中国巨幕</span>
                    </p>
                    <div class="star">
                        <div>
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <span>10分</span>
                            <p>上映时间:2020-08-01</p>
                        </div>
                        <div class="order"><a href="#">购票</a></div>
                    </div>
                </div>
            </div>



            <div class="movie-content">
                <div class="movie-img">
                    <img src="./IMG/images/source/movie_5.jpg">
                </div>
                <div class="movie-info">
                    <p class="title">二分之一的魔法</p>
                    <p>导演：丹·斯坎隆</p>
                    <p>主演：奥克塔维亚·斯宾瑟</p>
                    <p class="label">
                        <span>2D</span>
                        <span>国语</span>
                        <span>中国巨幕</span>
                    </p>
                    <div class="star">
                        <div>
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <img src="./IMG/images/icon/star_icon.png">
                            <span>10分</span>
                            <p>上映时间:2020-08-01</p>
                        </div>
                        <div class="order"><a href="#">购票</a></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- movie结束 -->





        <!-- footer开始 -->
        <footer>
            <a href="index.html">
                <img src="./IMG/images/icon/home_n_icon.png">
                <p>首页</p>
            </a>
            <a href="movie.html">
                <img src="./IMG/images/icon/movie_a_icon.png">
                <p class="red">电影</p>
            </a>
            <a href="cinema.html">
                <img src="./IMG/images/icon/cinema_n_icon.png">
                <p>电影院</p>
            </a>
            <a href="find.html">
                <img src="./IMG/images/icon/find_n_icon.png">
                <p>发现</p>
            </a>
            <a href="mine.html">
                <img src="./IMG/images/icon/mine_n_icon.png">
                <p>我的</p>
            </a>
        </footer>
        <!-- footer结束 -->
    </div>
</body>

</html>